@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

.web {
    .productBox {
        .nake {
            background: url(../../img/img1/pro_carou-2.jpg);
            background-size: 100% 11.875rem;
            p {
                font-size: r(19);
            }
            h3 {
                font-size: r(56);
                line-height: r(96);
            }
            span {
                font-size: r(27);
                color: white;
            }
        }
    }
    .shoes {
        width: 100%;
        height: r(102);
        ul {
            width: 100%;
            height: 100%;
            border-bottom: r(1) solid #d9d9d9;
            li {
                width: 32%;
                height: 100%;
                border-right: r(1) solid #d9d9d9;
                float: left;
                color: #efefef;
                text-align: center;
                span {
                    font-size: r(20);
                    line-height: r(102);
                }
                &:first-child {
                    color: #2e332f;
                }
                &:last-child {
                    border-right: 0;
                    text-align: left;
                    line-height: r(90);
                    a {
                        font-size: r(38);
                        color: #d9d9d9;
                        display: inline-block;
                        //                      vertical-align: middle;
                        .icon-c-classification {
                            font-size: r(34);
                            line-height: r(102);
                        }
                    }
                    .a1 {
                        margin-left: r(64);
                        margin-right: r(50);
                    }
                    .active {
                        color: #009fe8;
                        font-size: r(32);
                        &:hover {
                            color: #d9d9d9;
                        }
                    }
                }
            }
        }
    }
    .sport_shoes {
        width: 100%;
        a {
            display: block;
            width: r(690);
            margin: 0 auto;
            margin-top: r(30);
            overflow: hidden;
            &:hover {
                img {
                    transform: scale(1.2);
                }
            }
            img {
                width: r(690);
                height: r(300);
            }
        }
        .shoes_money {
            width: r(690);
            margin: 0 auto;
            p {
                font-size: r(31);
                color: #2e332f;
                line-height: r(48);
                margin-top: r(10);
                span {
                    float: right;
                    font-size: r(27);
                }
            }
            >span {
                font-size: r(19);
                color: #c3c3c3;
            }
        }
    }
    .sport_ul {
        width: 100%;
        margin: 0 auto;
        margin-top: r(15);
        >li {
            width: 30%;
            float: left;
            margin-left: r(20);
            a {
                display: block;
                width: r(230);
                height: r(100);
                overflow: hidden;
                transition: 2s;
                &:hover {
                    img {
                        transform: scale(1.2);
                    }
                }
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .shoes_money2 {
                p {
                    font-size: r(22);
                    color: #2e332f;
                    span {
                        float: right;
                        font-size: r(18);
                    }
                }
                >span {
                    font-size: r(12);
                }
            }
        }
    }
}